<ng-container *ngIf="tags && tags.length > 0; else allTemplate">
  <ng-container *ngFor="let tag of tags">
    <ng-container [ngSwitch]="tag">
      <span
        *ngSwitchCase="'GDPR'"
        class="badge text-white"
        style="padding-left: 3px; background-color: #ff9800"
        >⋮⋮&nbsp;&nbsp;GDPR</span
      >
      <span
        *ngSwitchCase="'HIPAA'"
        class="badge text-white"
        style="padding-left: 3px; background-color: #4e39c1"
        >⋮⋮&nbsp;&nbsp;HIPAA</span
      >
      <span
        *ngSwitchCase="'NIST'"
        class="badge badge-dark"
        style="padding-left: 3px"
        >⋮⋮&nbsp;&nbsp;NIST</span
      >
      <span
        *ngSwitchCase="'PCI'"
        class="badge text-white"
        style="padding-left: 3px; background-color: #009688"
        >⋮⋮&nbsp;&nbsp;PCI</span
      >
    </ng-container>
  </ng-container>
</ng-container>
<ng-template #allTemplate>
  <span
    class="badge text-white"
    style="padding-left: 3px; background-color: #64a150"
    >⋮⋮&nbsp;&nbsp;All</span
  >
</ng-template>
